<template>
<div class="empty-container">
    <Icon type="empty"/>
    <p>{{ text }}</p>
</div>
</template>

<script>
import Icon from '../Icon';
export default {
    components: {
        Icon,
    },
    props:{
        text:{
            type: String,
            required: false,
            default: '暂无数据',
        },
    },
};
</script>

<style scoped lang="less">
@import '~@/styles/mixin.less';
@import '~@/styles/var.less';
.empty-container{
    .self-center();
    text-align: center;
    color: @gray;
}
.icon-container{
    font-size: 72px;
}
</style>